<% content_for :css do %>
  <%= stylesheet_link_tag "home/news1Style", :media => "all" %>
<%end%>
<div class="top">
  <span class="n_gray fistPage">
    <a href="<%=root_path%>" class="n_gray fistPage">首页</a>
  </span>
  <span class="n_gray">&gt;</span>
  <span class="n_gray">i华理</span>
</div>
<div class="content">

  <div class="content_title">
    <h1>华东理工大学移动校园</h1>
    
  </div>

  <div class="content_main">
     <table width="700" border="0" align="center" cellpadding="2" cellspacing="2">
						<tr>
							<td align="center"><%= image_tag("mobile/i-android.jpg",width: "316px", height: "349px") %> </td>
							<td align="center"><%= image_tag("mobile/i-IOS.jpg",width: "316px", height: "349px") %></td>
						</tr>
						<tr align="center">
							<td>android</td>
							<td>IOS</td>
						</tr>
					</table>
					<p>
						&nbsp;
					</p>
  </div>
  
   <div id="introduce" class="row">
      <div class="col-xs-10 col-xs-offset-1">
      	<table width="500" border="0" align="center" cellpadding="2" cellspacing="2">
      		<tr>
								<td height="18"><strong>安装步骤</strong></td>
							</tr>
							<tr>
								<td>
								<p>
									1. 选择app客户端（客户端可以在安卓市场下载），打开进入应用
								</p>
								<p class="p-img"><%= image_tag("mobile/ihuali1.jpg",width: "277", height: "125") %> 
								</p>
								<p>
									2. 开机显示开机动画
								</p>
								<p class="p-img"><%= image_tag("mobile/ihuali2.jpg",width: "312px", height: "546px") %>
								</p>
								<p>
									3. 进入桌面，桌面显示初始应用（游客可见）
								</p>
								<p class="p-img"><%= image_tag("mobile/ihuali3.jpg",width: "304px", height: "503px") %>
									
								</p>
								<p>
									4. 点击“  <%= image_tag("mobile/ihuali4.jpg",width: "90px", height: "67px") %>
									”游客登录，进入登录界面。输入账号（学号）、密码，可以查看所需应用。
								</p>
								<p class="p-img"><%= image_tag("mobile/ihuali5.jpg",width: "309px", height: "270px") %>
								</p>
								<p>
									5. 点击“ <%= image_tag("mobile/ihuali6.jpg",width: "70px", height: "57px") %>”设置，拥有查看个人资料、通知设置、更换壁纸、更换主题、退出当前账号等功能。
								</p>
								<p class="p-img"><%= image_tag("mobile/ihuali7.jpg",width: "307px", height: "405px") %>
								</p>
								<p>
									6. 点击“  <%= image_tag("mobile/ihuali8.jpg",width: "92px", height: "103px") %>”进入应用市场，选择相应权限下的应用下载、卸载。
								</p>
								<p class="p-img"><%= image_tag("mobile/ihuali9.jpg",width: "312px", height: "521px") %>
								</p></td>
							</tr>
						</table>
      
      </div>
    </div>
<style type="text/css">
			.footer .searchFoot {
				text-align: center;
				margin-bottom: 16px;
				font-size: 14px;
				margin-right: -44px
			}
			.footer .searchFoot a {
				color: #64b4ff;
			}
			.footer .searchFoot span {
				display: inline-block
			}
			.footer .friendLinkF a {
				margin-right: 24px;
				display: inline-block;
			}
			.footer .friendLinkF a:hover {
				text-decoration: underline
			}
			.footer .selectRadio {
				margin-left: 20px
			}
			.footer .selectRadio input {
				vertical-align: -2px
			}
			.footer .highSearch {
				text-decoration: underline
			}
			.footer_new {
				width: 322px;
				background: none repeat scroll 0% 0% #FFF;
				color: #000;
				padding: 5px;
				height: 245px;
				position: absolute;
				right: -47px;
				margin-top: -260px;
				border: 1px solid gray;
				text-align: left;
				display: none;
				box-sizing: border-box;
			}
			.footer_new span {
				padding: 5px;
			}
			.footer_new h3 {
				margin-top: 20px;
				margin-bottom: 10px;
				font-weight: bold !important;
				line-height: 18px !important;
				font-size: 20px;
			}
		</style>
		<script>
			function show_contact_us(obj) {
				$('.footer_new').show();
			}

			function hide_contact_us(obj) {
				$('.footer_new').hide();
			}
		</script>
  <br>

  <!--<div class="content_title">-->
    <!--<h2></h2>-->
    <!--<h1>华东理工大学新浪微博</h1>-->
  <!--</div>-->
  <!--<div class="content_main">-->
    <!--<p align="center">-->
      &nbsp;<%#= image_tag("华东理工大学新浪微博.png",width: "316px", height: "309px") %>
    <!--</p>-->
  <!--</div>-->
  <!--<br>-->
  <!--<div class="content_title">-->
    <!--<h2></h2>-->
    <!--<h1>腾讯微博</h1>-->
  <!--</div>-->
  <!--<div class="content_main">-->
    <!--<p align="center">-->
      &nbsp;<%#= image_tag("腾讯微博.png",width: "316px", height: "309px") %>
    <!--</p>-->
  <!--</div>-->
  <!--<br>-->
  <!--<div class="content_title">-->
    <!--<h2></h2>-->
    <!--<h1>i华理 (左边: Andriod; 右边: iOS)</h1>-->
  <!--</div>-->
  <!--<div class="content_main">-->
    <!--<p align="center">-->
      <!--&nbsp;-->
      <!--<%#= image_tag("i华理-android版.jpg",width: "316px", height: "309px") %>-->
      <!--&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-->
      <!--<%#= image_tag("i华理-IOS版.jpg",width: "316px", height: "309px") %>-->
      <!--&nbsp;&nbsp;-->
    <!--</p>-->
    <!--</p>-->
  <!--</div>-->
  <!--<br>-->
  <!--<br>-->
</div>
